h1 {
	color: red;
	font-size: 50px;
}

p{
	text-align: center;
}

#ii1 {
	/* border: 2px solid black; */
	width: 120px;
	height: 150px;
	margin: 10px;
	float: left;
}

#i1 {
	border: 2px solid red;
	width: 90px;
	margin: 3px;
	float: left;
}

#i2 {
	border: 2px solid blue;
	margin: 3px;
	width: 110px;
	float: left;
}

/* div {
	margin: 3px;
	float: left;
} */



.CC1 {
	/* border: 2px solid red; */
	width: 200px;
	margin: 200px;
	float: left;
	margin: 3px;
}

.c1 {
	background-color: red;
	border: 2px solid red;
	width: 150px;
	height: 150px;
	float: left;
}

.c2 {
	background-color: green;
	border: 2px solid green;
	width: 150px;
	height: 150px;
	float: left;
}

.c3{
	background-color: red;
	border: 2px solid red;
	width: 150px;
	height: 150px;
	float: left;
}

 .CC2 {
	/* border: 2px solid red; */
	width: 160px;
	margin: auto;
	float: left;
	margin: 3px;
} 

.cc1 {
	background-color: red;
	border: 2px solid red;
	width: 150px;
	height: 150px;
	float: left;
	margin: 3px;
}

.cc2 {
	background-color: green;
	border: 2px solid green;
	width: 150px;
	height: 150px;
	float: left;
	margin: 3px;
}

.cc3{
	background-color: red;
	border: 2px solid red;
	width: 150px;
	height: 150px;
	float: left;
	margin: 3px;
} 

a:link{
	color: green;   /* 选择所有未被访问的链接 */
}

a:visited{
	color: pink;   /* 选择所有已被访问的链接 */
}

a:hover{
	color: red;   /* 选择鼠标指针位于其上的链接 */
}

a:active{
	color: blue;   /* 选择活动链接(鼠标按下未弹起的链接) */
}

/* #ii2{
	margin: 8px;
} */